body,html,#app{
    max-width: 640px!important;
    background: #f4f4f4;
    color: #737373;
    height: auto;
}
.bg-img{
    width:7.5rem;
    display: block;
}
.bg-img1{
    margin-top:-1rem;
}
.bg-img2{
    margin-top:2.5rem;
}
.bg-img3{
    margin-top:3.5rem;
}
.bg-img4{
    margin:1.4rem 0 0.8rem;
}
p{
    margin:0;
}
.bg-main{
    position: relative;
    background-color: #D8D8D8;
    .logo-img{
        position: absolute;
        top:0.8rem;
        left:50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        width:1.57rem;
        img{
            width:100%;
            display: block;
        }
    }
    .text-h{
        width:5.82rem;
        height:1.19rem;
        box-sizing: border-box;
        font-size: 0.9rem;
        color:#fff;
        position: absolute;
        top:1.4rem;
        left:50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
    .text-title1{
        width:5.4rem;
        font-size: 0.5rem;
        color:#fff;
        position: absolute;
        top:2.9rem;
        left:50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
    .pic-img1{
        width:3.35rem;
        height:2.95rem;
        background-color: #fff;
        padding:0.12rem;
        position: absolute;
        right:0.44rem;
        top:5.3rem;
        img{
            width:100%;
            height:100%;
        }
    }
    .pic-img2{
        width:4.45rem;
        height:4.45rem;
        background-color: #fff;
        padding:0.12rem;
        position: absolute;
        top:9.1rem;
        left:1.13rem;
        img{
            width:100%;
            height:100%;
        }
    }
    .pic-img3{
        width:4.45rem;
        height:4.45rem;
        background-color: #fff;
        padding:0.12rem;
        position: absolute;
        right:0.58rem;
        top:19.5rem;
    }
    .text-title3{
        width:0.75rem;
        height:4.5rem;
        border:0.03rem solid #fff;
        position: absolute;
        top:7.75rem;
        left:0.3rem;
        font-size: 0.4rem;
        color: #FFFFFF;
        text-align: center;
    }
    .text-title4{
        width:4.83rem;
        height:3.43rem;
        position: absolute;
        top:14.74rem;
        left:1.1rem;
        font-size: 0.34rem;
        color: #FFFFFF;
    }
    .text-title5{
        width:4.8rem;
        height:3.34rem;
        position: absolute;
        top:25rem;
        right:0.58rem;
        font-size: 0.34rem;
        color: #3D3D3D;
        text-align: right;
    }
    .text-title6{
        width:0.75rem;
        height:4.5rem;
        position: absolute;
        left:0.28rem;
        top:22rem;
        font-size: 0.4rem;
        text-align: center;
        border:0.03rem solid  #3D3D3D;
    }
    .text-title7,.text-title9,.text-title11{
        width:5.52rem;
        height:0.8rem;
        line-height: 0.8rem;
        font-size: 0.4rem;
        color:#fff;
        border:0.03rem solid #fff;
        position: absolute;
        left:0.48rem;
        top:30.6rem;
        padding-left:0.28rem;
    }
    .text-title9{
        top:51rem;
    }
    .text-title11{
        top:68rem;
        border-color: #3D3D3D;
    }
    .pic-img4{
        width:5.65rem;
        height:4.45rem;
        background-color: #fff;
        padding: 0.12rem;
        position: absolute;
        left:0.48rem;
        top:32rem;
        img{
            width:100%;
            height:100%;
        }
    }
    .text-title8,.text-title10,.text-title12{
        width:4.8rem;
        height:3.38rem;
        position: absolute;
        top:37.5rem;
        left:0.48rem;
        font-size: 0.34rem;
        color:#fff;
    }
    .text-title10{
        top:58rem;
    }
    .text-title12{
        top:73.5rem;
    }
    .pic-img5{
        width: 3.76rem;
        height:2.96rem;
        padding: 0.12rem;
        background-color: #fff;
        position: absolute;
        left:0.48rem;
        top:41.5rem;
        img{
            width:100%;
            height:100%;
        }
    }
    .pic-img6{
        width:2.16rem;
        height:2.96rem;
        background-color: #fff;
        padding:0.12rem;
        position: absolute;
        top:41.5rem;
        right:0.36rem;
        img{
            width: 100%;
            height:100%;
            display: block;
        }
    }
    .pic-img7{
        width:4.3rem;
        height:2.96rem;
        background-color: #fff;
        padding:0.12rem;
        position: absolute;
        right:0.36rem;
        top:45.3rem;
        img{
            width: 100%;
            height:100%;
            display: block;
        }
    }
    .pic-img8{
        width: 4.45rem;
        height:4.45rem;
        background-color: #fff;
        padding:0.12rem;
        position: absolute;
        right:0.72rem;
        top:52.5rem;
        img{
            width: 100%;
            height:100%;
            display: block;
        }
    }
    .pic-img9{
        width:6.4rem;
        height:4.45rem;
        background-color: #fff;
        padding:0.12rem;
        position: absolute;
        left:0.55rem;
        top:62rem;
        img{
            width: 100%;
            height:100%;
            display: block;
        }
    }
    .pic-img10{
        width:4.3rem;
        height:2.96rem;
        background-color: #fff;
        padding:0.12rem;
        position: absolute;
        right:0.4rem;
        top:69.5rem;
        img{
            width: 100%;
            height:100%;
            display: block;
        }
    }
    .pic-img11{
        width:6.03rem;
        height:6.11rem;
        background-color:#fff;
        padding:0.12rem;
        position: absolute;
        left:0.46rem;
        bottom:0.98rem;
        img{
            width: 100%;
            height:100%;
            display: block;
        }
    }
}
.tempBox{
    max-width: 640px!important;
    margin:0 auto;
    overflow: hidden;
    height:auto;
    background-color:  #D8D8D8;
}

